.m-index {
  height: 100%;
  @include flexbox();
  @include flex-direction(column);
  .l-container {
    @include flex(1);
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  footer {
    height: .50rem;
    background-color: #8fc602;
    ul {
      @include flexbox();
      @include box-sizing(border-box);
      @include border(1px 0 0 0, #d9d9d9);
      width: 100%;
      height: 100%;
      li {
        @include flex(1);
        @include flexbox();
        @include flex-direction(column);
        @include align-items(center);
        @include justify-content(center);
        @include box-sizing(border-box);
        padding-top: .03rem;
        &.active i,
        &.active b {
          color: #0dc441;
        }
        i, b {
          display: block;
          color: #d6d6d6;
        }
        i {
          font-size: .2rem;
          line-height: .2rem;
        }
        b {
          font-weight: normal;
          font-size: .12rem;
        }

      }
    }
  }
}
